<template>
  <view class="contact">
    <view class="logo">
      <image src="https://cdn8.axureshop.com/demo/2116044/images/%E7%BB%84%E4%BB%B6_%E8%A7%84%E8%8C%83/u691.svg">
      </image>
    </view>
    <view class="text1">
      添加品牌客服，与我们联系
    </view>
    <view class="text2">
      长按识别二维码
    </view>
    <image class="ercode"
      src="https://cdn8.axureshop.com/demo/2116044/images/%E7%BB%84%E4%BB%B6_%E8%A7%84%E8%8C%83/u621.png"></image>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      }
    },
    methods: {

    }
  }
</script>

<style lang="scss">
  .contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 44rpx 44rpx;
    background-color: white;
    border-radius: 20rpx;
    padding: 120rpx 0;

    .logo {
      width: 100rpx;
      height: 100rpx;
      background-color: #f77214;
      border-radius: 32rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0px 10px 20px #f7721450;

      image {
        width: 60rpx;
        height: 60rpx;
      }

      margin-bottom: 40rpx;
    }

    .text1 {
      font-size: 40rpx;
      margin-bottom: 100rpx;
    }

    .text2 {
      font-size: 28rpx;
      color: #bebebe;
      margin-bottom: 40rpx;
    }

    .ercode {
      width: 320rpx;
      height: 320rpx;
    }

  }
</style>